<link rel="stylesheet" href="<?php echo $this->baseUrl() ?>/application/modules/Ialbum/externals/styles/slideshow.css">
<script type="text/javascript" src="<?php echo $this->baseUrl() ?>/application/modules/Ialbum/externals/scripts/slideshow/mootools-1.3.2-core.js"></script>	
<script type="text/javascript" src="<?php echo $this->baseUrl() ?>/application/modules/Ialbum/externals/scripts/slideshow/mootools-1.3.2.1-more.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl() ?>/application/modules/Ialbum/externals/scripts/slideshow/slideshow.js"></script>	
<script type="text/javascript" src="<?php echo $this->baseUrl() ?>/application/modules/Ialbum/externals/scripts/slideshow/slideshow.kenburns.js"></script>
<script type="text/javascript">		
window.addEvent('domready', function(){
	var data = {
	<?php 
		$i = 0;
		foreach ($this->paginator as $photo) { 
			$photo_url = $photo->getPhotoUrl();
			$thumbnail_url = $photo->getPhotoUrl('thumb.normal');
			$perfix = ($i > 0) ? ",":"";
			$photo_link = $photo->getHref();		
			echo $perfix ."'$photo_url': {href: '$photo_link', target: '_top', thumbnail: '$thumbnail_url' }"; 
		$i++;
		} 
	?>
	};
	//start show
	new Slideshow.KenBurns('slideshow_feature', data, { captions: false, controller: false, linked:true,duration: 1500, thumbnails: {}, hu: '' , titles: false, width: 505, height: 300});
 });
</script>
<div id="slideshow_feature" class="slideshow"></div>
